<p style="margin-bottom: 0px">&nbsp;</p>

<nz-spin [nzSpinning]="loading">

<nz-card>
  <!-- <nz-tabset [nzTabBarExtraContent]="extraTemplete" (nzSelectChange)="change($event)"> -->
  <nz-tabset>
    <nz-tab nzTitle="采购订单列表"></nz-tab>
  </nz-tabset>



  <form nz-form [nzLayout]="'inline'" class="search__form">





      <div nz-row [nzGutter]="32">

        <div nz-col nzLg="3">
          <nz-form-item>
            <!--<nz-form-label nzFor="spQuotientQuery">供应商编号</nz-form-label>-->
            <nz-form-control>
              <input nz-input [(ngModel)]="q.lifnr" name="lifnr" (keyup)="($event.which === 13)?loaddata('I'):0" placeholder="供应商编号" >
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzLg="3">
          <nz-form-item>
            <!--<nz-form-label nzFor="spQuotientQuery">供应商名称</nz-form-label>-->
            <nz-form-control>
              <input nz-input [(ngModel)]="q.name1" name="name1" (keyup)="($event.which === 13)?loaddata('I'):0" placeholder="名称" >
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzLg="3">
          <nz-form-item>
            <!--<nz-form-label nzFor="spQuotientQuery">采购订单</nz-form-label>-->
            <nz-form-control>
              <input nz-input [(ngModel)]="q.ebeln" name="ebeln" (keyup)="($event.which === 13)?loaddata('I'):0" placeholder="采购订单" >
            </nz-form-control>
          </nz-form-item>
        </div>

        <div nz-col nzLg="3">
          <nz-form-item>
            <!--<nz-form-label nzFor="spQuotientQuery">采购订单</nz-form-label>-->
            <nz-form-control>
              <input nz-input [(ngModel)]="q.matnr" name="matnr" (keyup)="($event.which === 13)?loaddata('I'):0" placeholder="雅瑞物料号" >
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzLg="3">
          <nz-form-item>
            <!--<nz-form-label nzFor="spQuotientQuery">采购订单</nz-form-label>-->
            <nz-form-control>
              <input nz-input [(ngModel)]="q.idnlf" name="idnlf" (keyup)="($event.which === 13)?loaddata('I'):0" placeholder="供应商物料号" >
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzLg="3">
          <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="loaddata('I')">查询未清</button>

        </div>

      </div>
    <!--<div nz-row [nzGutter]="32">-->

    <!--<div nz-col nzLg="12">-->
         <!---->

        <!--</div>-->


      <!--</div>-->

    </form>

</nz-card>
      <button nz-button type="button" [nzLoading]="loading"  style="margin-bottom: 8px"   (click)="loaddata('')"><i class="anticon anticon-search"></i>查询全部</button>
  <button nz-button type="button" [nzLoading]="loading"  style="margin-bottom: 8px"   (click)="loaddata('X')"><i class="anticon anticon-search"></i>查询退货</button>

  <button nz-button type="button"  style="margin-bottom: 8px" [nzLoading]="loading"    (click)="packatta()"><i class="anticon anticon-download"></i>发货导出</button>
  <button nz-button type="button"  style="margin-bottom: 8px" [nzLoading]="loading"    (click)="packattaall()"><i class="anticon anticon-download"></i>全部导出</button>

  <button nz-button type="button"  style="margin-bottom: 8px"  class="mx-sm" (click)="getall()"><i class="anticon anticon-right"></i>获取PO</button>


  <simple-table #st
                [columns]="columns"
                [data]="url"
                [ps]="ps"
                [extraParams]="q"
                [resReName]="{ total: 'total', list: 'data'}"
                [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                toTopInChange
                [showTotal]="true"
                [showPagination]="true"
                [showSizeChanger]="true"
                [scroll]="{  x: '2800px' }"
                (checkboxChange)="checkboxChange($event)"
  >
  </simple-table>


</nz-spin>
